@import './constants';

.docs-api table,
.docs-markdown-table {
  border-collapse: collapse;
  border-radius: 2px;
  border-spacing: 0;
  margin: 0 0 32px 0;
  width: 100%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12);
}

.docs-api th,
.docs-markdown-th {
  font-weight: 400;
  max-width: 100px;
  padding: 13px 16px;
  text-align: left;
}

.docs-api td,
.docs-markdown-td {
  font-weight: 400;
  padding: 8px 16px;

  @media (max-width: $extra-small-breakpoint-width) {
    &.docs-api-properties-name-cell,
    &.docs-api-method-parameter-cell,
    &.docs-api-method-returns-type-cell,
    &.docs-api-method-description-cell {
      min-width: 80px;
      word-break: break-word;
    }
  }
}


@media (max-width: $small-breakpoint-width) {
  .docs-api table,
  .docs-markdown-table {
    margin: 0 0 32px 0;
  }

  .docs-api th,
  .docs-markdown-th {
    padding: 6px 16px;
  }

  .docs-api td,
  .docs-markdown-td {
    padding: 4px 8px;
  }
}
